/*------------ CSS：自动生成间距工具类 ------------*/
.generate-spacing(@direction, @property, @abbr) {
  .loop-spacing(@index: 1) when (@index <= 100) {
    .@{abbr}@{index} {
      @{property}-@{direction}: ~"@{index}px" !important;
    }
    .loop-spacing(@index + 1);
  }
  .loop-spacing();
  .loop-spacing-large(@index: 102) when (@index <= 200) {
    .@{abbr}@{index} {
      @{property}-@{direction}: ~"@{index}px" !important;
    }
    .loop-spacing-large(@index + 2);
  }
  .loop-spacing-large();
}

/* Margin 生成 */
.generate-spacing(left, margin, ml);
.generate-spacing(top, margin, mt);
.generate-spacing(right, margin, mr);
.generate-spacing(bottom, margin, mb);
/* Padding 生成 */
.generate-spacing(left, padding, pl);
.generate-spacing(top, padding, pt);
.generate-spacing(right, padding, pr);
.generate-spacing(bottom, padding, pb);